﻿<template> 
<div id="app">
<form class="form-inline">
<button id="sxProgram" type="button" class="btn btn-primary" style="height:28px;padding:2px 10px;">刷新</button>
<button type="button" class="btn btn-warning" id="delsb"  data-toggle="modal" data-target="#myModal" style="width:80px;height:28px;padding:2px 10px;">节目下架</button>
</form>
<br>
<div class="jqGrid_wrapper"> 
                        <table id="table_list_1"></table>
                        <div id="pager_list_1"></div>
                    </div>

                    
<!-- 节目下架 -->
<div class="modal fade" id="myModal" style="overflow:auto" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" >
            <div class="modal-content" >
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title"  id="myModalLabel">设备选择</h4>
                </div>
                <div class="modal-body" >
                   <loading></loading>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" id="sbfs">确定</button>

                </div>
            </div>
        </div>
    </div>

<div>
</div>


</div>  
</template>
<style>
@import '../../../../static/css/ztree/metroStyle.css';

@import '../../../../static/css/mloading/jquery.mloading.css';
@import '../../../../static/css/time/mobiscroll.custom.min.css';
/* 滚动时间 */


</style>
<style  scoped>
 ul.ztree {
    margin-top: 10px;
    border: 1px solid #617775;
    background: #f0f6e4;
    width: 210px;
    height: 360px;
    overflow-y: scroll;
    overflow-x: auto;
}
.ztree {
    margin: 0;
    padding: 5px;
    color: #333;
}
  ::-webkit-scrollbar {
            width: 6px;
            /*height: 6px;*/
        }
        /*正常情况下滑块的样式*/
      ::-webkit-scrollbar-thumb {
            background-color: rgba(0,0,0,.05);
            border-radius: 10px;
            -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
        }
        /*鼠标悬浮在该类指向的控件上时滑块的样式*/
        :hover::-webkit-scrollbar-thumb {
            background-color: rgba(0,0,0,.2);
            border-radius: 10px;
            -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
        }
        /*鼠标悬浮在滑块上时滑块的样式*/
       ::-webkit-scrollbar-thumb:hover {
            background-color: rgba(0,0,0,.4);
            -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
        }
        /*正常时候的主干部分*/
        ::-webkit-scrollbar-track {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
            background-color: white;
        }
        /*鼠标悬浮在滚动条上的主干部分*/
        ::-webkit-scrollbar-track:hover {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.4);
            background-color: rgba(0,0,0,.01);
        }
/* @import '../../../../static/css/home/bootstrap.min.css';*/
 </style>
<script>
//import loading from '../../../../static/js/Tree/companyTree.js'
//import loadingtow from '../../../../static/js/Tree/companyTreetow.js'
//import Vue from 'vue';
//Vue.use(loading);

import '../../../../static/js/jqgrid/jquery.jqGrid.min.js';
import '../../../../static/js/jqgrid/grid.locale-cn.js';
import  '../../../../static/js/page/device/progstate.js';
import  '../../../../static/js/mloading/jquery.mloading.js';
import '../../../../static/js/time/dateTime.js'; /* 滚动时间 */
import '../../../../static/js/time/mobiscroll.custom.min.js';
import loading from '@/views/tree/companydeviceselect.vue';
 export default { 
    name: 'app', 
    data(){
        return{
         
      }
    },
     mounted(){  
    
    },
    methods:{
       
    },
      components: {
        loading : loading,
      }
    
}

</script>